<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
</script>

<template>
  <div class="fontType" style="background-color: #F1F1F1; padding: 0px 30px; width:calc(100% - 60px); height: 31px; display: flex; line-height: 31px; margin: 0;">
    <div style="width: 200px;text-align: left;">
      简易购欢迎您！请
      <a href="/login">登录</a> <a href="/register" class="a1">免费注册</a>
    </div>
    <div style="width: calc(100% - 200px); text-align: right;">
        <a href="#" class="a1 paddding-left">我的订单</a> | 
        <a href="/" class="paddding-left">简易购首页 ∨</a>  | 
        <a href="/list" class="paddding-left">简易购列表</a> | 
        <a href="/detail" class="paddding-left">简易购详细</a> | 
        <a href="/car" class="paddding-left">简易购物车</a> | 
        <a href="#" class="paddding-left">客户服务 ∨</a> | 
        <a href="#" class="paddding-left">网站导航 ∨</a>
    </div>
  </div>
  <RouterView />
  <div style="background-color: #F1F1F1; padding: 0px 30px; width:calc(100% - 60px); border-bottom: 1px solid #dedede; height: 67px; display: flex; justify-content: center; align-items: center; align-content: center; margin: 0;">
    <div style="width: 25%;text-align: center;"><img src="./assets/images/L1.png" style="width:180px; height: 40px;" /></div>
    <div style="width: 25%;text-align: center;"><img src="./assets/images/L2.png" style="width:180px; height: 40px;" /></div>
    <div style="width: 25%;text-align: center;"><img src="./assets/images/L3.png" style="width:180px; height: 40px;" /></div>
    <div style="width: 25%;text-align: center;"><img src="./assets/images/L4.png" style="width:180px; height: 40px;" /></div>
  </div>
  <div class="fontType" style="background-color: #F1F1F1; padding: 30px 90px ;  width:calc(100% - 180px); display: flex; ">
    <div style="width: 16%;">
      <span class="fontType2">购物指南</span><br/>
      <div style="margin-top: 6px;"><a href="#">购物流程</a></div>
      <div style="margin-top: 6px;"><a href="#">会员介绍</a></div>
      <div style="margin-top: 6px;"><a href="#">生活旅行</a></div>
      <div style="margin-top: 6px;"><a href="#">常见问题</a></div>
      <div style="margin-top: 6px;"><a href="#">大家电</a></div>
      <div style="margin-top: 6px;"><a href="#">联系客服</a></div>
    </div>
    <div style="width: 16%;">
      <span class="fontType2">配送方式</span><br/>
      <div style="margin-top: 6px;"><a href="#">上门自提</a></div>
      <div style="margin-top: 6px;"><a href="#">211限时达</a></div>
      <div style="margin-top: 6px;"><a href="#">配送服务查询</a></div>
      <div style="margin-top: 6px;"><a href="#">配送费收取标准</a></div>
    </div>
    <div style="width: 16%;">
      <span class="fontType2">支付方式</span><br/>
      <div style="margin-top: 6px;"><a href="#">货到付款</a></div>
      <div style="margin-top: 6px;"><a href="#">在线支付</a></div>
      <div style="margin-top: 6px;"><a href="#">分期付款</a></div>
      <div style="margin-top: 6px;"><a href="#">公司转账</a></div>
    </div>
    <div style="width: 16%;">
      <span class="fontType2">售后服务</span><br/>
      <div style="margin-top: 6px;"><a href="#">售后政策</a></div>
      <div style="margin-top: 6px;"><a href="#">价格保护</a></div>
      <div style="margin-top: 6px;"><a href="#">退款说明</a></div>
      <div style="margin-top: 6px;"><a href="#">返修/退换货</a></div>
      <div style="margin-top: 6px;"><a href="#">取消订单</a></div>
    </div>
    <div style="width: 16%;">
      <span class="fontType2">特色服务</span><br/>
      <div style="margin-top: 6px;"><a href="#">夺宝岛</a></div>
      <div style="margin-top: 6px;"><a href="#">DIY装机</a></div>
      <div style="margin-top: 6px;"><a href="#">延保服务</a></div>
      <div style="margin-top: 6px;"><a href="#">京东E卡</a></div>
      <div style="margin-top: 6px;"><a href="#">京东通信</a></div>
      <div style="margin-top: 6px;"><a href="#">京鱼座智能</a></div>
    </div>
    <div style="width: 20%; text-align: center;">
      <span class="fontType2">帮助中心</span><br/>
      <img src="./assets/images/ewm.png" style="width: 150px;" />
    </div>
  </div>
  <div style="background-color: #F1F1F1;">
    <div class="fontType" style="margin: 0px 90px;border-top: 1px solid #dedede; text-align: center; padding: 20px 0px; ">
      <a href="https://blog.csdn.net/weixin_43151418/article/details/134682321" target="_blank" class="paddding-left">关于我们</a> | 
      <a href="https://blog.csdn.net/weixin_43151418/article/details/134682321" target="_blank" class="paddding-left">联系我们</a> | 
      <a href="https://blog.csdn.net/weixin_43151418/article/details/134682321" target="_blank" class="paddding-left">联系客服</a> | 
      <a href="https://blog.csdn.net/weixin_43151418/article/details/134682321" target="_blank" class="paddding-left">合作招商</a> | 
      <a href="https://blog.csdn.net/weixin_43151418/article/details/134682321" target="_blank" class="paddding-left">商家帮助</a> | 
      <a href="https://blog.csdn.net/weixin_43151418/article/details/134682321" target="_blank" class="paddding-left">营销中心</a> | 
      <a href="https://blog.csdn.net/weixin_43151418/article/details/134682321" target="_blank" class="paddding-left">友情链接</a> | 
      <a href="https://blog.csdn.net/weixin_43151418/article/details/134682321" target="_blank" class="paddding-left">销售联盟</a> | 
      <a href="https://blog.csdn.net/weixin_43151418/article/details/134682321" target="_blank" class="paddding-left">风险监测</a> | 
      <a href="https://blog.csdn.net/weixin_43151418/article/details/134682321" target="_blank" class="paddding-left">质量报告</a> | 
      <a href="https://blog.csdn.net/weixin_43151418/article/details/134682321" target="_blank" class="paddding-left">隐私政策</a>
    </div>
    <div class="fontType" style="margin: 0px 90px; text-align: center; padding-bottom: 20px; ">
      <a href="#" class="paddding-left">版权所有</a> 
      <span>CopyRight 2023 @ jianyigou@126.com</span>
    </div>
  </div>
</template>

<style scoped>

</style>
